<template>
  <div id="app">
    <Row>
      <Col span="24">
      <div class="layout-ceiling">
        <div class="layout-ceiling-main">         
          <a href="/">首页</a> |
          <a href="#">API 文档</a> |
          <a href="#">关于</a>
        </div>
      </div>
      <div>
      </div>
      <div>
        <Row>
          <Col span="14" offset="5">
          <router-view></router-view>
          </Col>
        </Row>
      </div>
      <div class="layout-copy">
        Copyright © 2016-2018 「像素小站」. All rights reserved By FxPixles. 粤ICP备17119684号.
      </div>
      </Col>
    </Row>
  </div>
</template>
<style>
  .logo{
    position: absolute;
    width: 30px;
    height: 30px;
    left: 20px;
  }
  .layout-ceiling {
    background: #464c5b;
    padding: 10px 0;
    overflow: hidden;
  }

  .layout-ceiling-main {
    float: right;
    line-height: 30px;
    margin-right: 15px;
  }

  .layout-ceiling-main a {
    color: #fff;
  }

  .curl {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .layout-copy {
    text-align: center;
    padding: 10px 0 20px;
    color: #9ea7b4;
  }

</style>
<script>
  // import { mapGetters } from "vuex";
  export default {
    name: "app"
  };

</script>
